<template>
  <div class="myapp">
    <!-- <h2>App -- App -- 主路由</h2> -->
    <transition name="move" mode="out-in">
      <router-view class="subbox"></router-view>
    </transition>
    <my-footer></my-footer>
    <!-- 五个页面的底部footer都是相同的，可以共用Index.vue的myfooter -->
    <!-- 不用在每一个组件里写myfooter -->
    <!-- 但每个页面的头部header就不一定是相同的了，所以要单独写myheader -->
  </div>
</template>

<script>
export default {
  //   name: 'app',
};
</script>

<style lang="scss" scoped>
.myapp {
  height: 100vh;
  padding-bottom: 46px;
  // padding-top: 46px;
}
</style>